<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>用户登陆</title>
    <!-- Styles -->
    <link href="/css/app.css" rel="stylesheet">
    <style type="text/css">
        body {
            background-color: #0092E7;
        }

        .content {
            float: none;
            margin: 0 auto;
        }

        h1 {
            text-align: center;
            color: #FFFFFF;
        }

        h2 {
            color: #337ab7 !important;
        }

        .form-control {
            background-color: #E5E5E5;
        }

        .glyphicon-ok {
            color: #FFFFFF;
        }

        #login-button {
            background-color: #A3E110;
        }

    </style>
    <script sre="/js/login.js"></script>
</head>
<body id="app-layout">

<div class="container">
    <div class="row clearfix">
        <div class="content col-md-4">
            <div style="text-align: center">
                <img class="logo" src="/img/logo.png" width="50px"><span
                        style="display: inline-block; vertical-align: bottom ;color: #FFFFFF"
                        width="50px">The Creator<br>APP评论分析平台</span></a>
            </div>
            @if (count($errors) > 0)
                <div class="form-group alert alert-success alert-dismissable">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                    @foreach ($errors->all() as $error)
                        {{ $error }}
                        <br>
                    @endforeach
                </div>
            @endif
            <div class="panel panel-default">
                <div class="panel-heading"><h2 class="panel-title">用户登录</h2></div>
                <div class="panel-body">
                    <form action="#">
                        {{csrf_field()}}
                        <div class="form-group">
                            <label for="username">用户名</label>
                            <input type="text" class="form-control" id="login_username" name="user">
                        </div>
                        <div class="form-group">
                            <label for="password">密码</label>
                            <input type="password" class="form-control" id="login_password" name="pwd">
                        </div>
                    </form>
                        <div class="form-group">
                            <button id="login_login" class="btn btn-primary btn-block">登录</button>
                        </div>

                </div>
            </div>
        </div>
    </div>
</div>
<!-- JavaScripts -->
<script src="/js/app.js"></script>
</body>
</html>
